<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@include file="theme/Header.jsp" %>
<script type="text/javascript" >
    $().ready(function() {
        $('#save').click(function(){
            submit();
        });


    });

    function submit() {
        $('#frm_rpc001pay').submit();
    }

    function emp(autoObj,showObj){
    var mkAutoObj=autoObj;
    var mkSerValObj=showObj;
    new Autocomplete(mkAutoObj, function() {
        this.setValue = function(id) {
            $(mkSerValObj).val(id);
        }
        if ( this.isModified )
            this.setValue("");
        if ( this.value.length < 1 && this.isNotClick )
            return ;
        return "CallEmployee?id=" + this.value;
    });
}
</script>
<div id="site-root">
    <div>
        <a href="RCP001">[RCP001- บันทึการรับชำระเงินรถพลการทั่วไป]</a> [บันทึกข้อมูล]
    </div>
</div>
<c:choose>
    <c:when test="${data.status != 'PY'}">
        <div id="button-bar">
            <fieldset >
                <div class="buttons">
                    <button class="positive" id="save">
                        <img  src="theme/images/icons/save.gif" alt="" width="16" height="16"/>บันทึกข้อมูล
                    </button>
                </div>
            </fieldset>
        </div>
    </c:when>
    <c:otherwise>
        <div class="info-box">ชำระเงินเรียบร้อย</div>
    </c:otherwise>
</c:choose>

<div id="source-data">
    <fieldset style="background: #FFF">
        <legend>ข้อมูลพลการ</legend>

        <form action="RPC001Pay" id="frm_rpc001pay" method="post">
            <input type="hidden" id="id" name="id" value="${data.id}" />
            <input type="hidden" id="p" name="p" value="${p}" />
            <input type="hidden" id="fPlate" name="fPlate" value="${fPlate}" />
            <input type="hidden" id="fDocumentNo" name="fDocumentNo" value="${fDocumentNo}" />
            <input type="hidden" id="fStation" name="fStation" value="${fStation}" />
            <input type="hidden" id="fStation2" name="fStation2" value="${fStation2}" />
            <table width="100%" cellpadding="1">
                <tr>
                    <td width="150px" align="right">หมายเลขทะเบียน : </td>
                    <td width="350px"><div class="blue">${data.plateNo}</div></td>
                    <td width="150px" align="right">&nbsp;</td>
                    <td>&nbsp;</td>
                </tr>
                <tr>
                    <td align="right">จังหวัด : </td>
                    <td><div class="blue">${data.provinceName}</div></td>
                    <td align="right">&nbsp;</td>
                    <td>&nbsp;</td>
                </tr>
                <tr>
                    <td align="right">วันที่พลการ : </td>
                    <td><div class="blue">${data.uapDate}</div></td>
                    <td align="right">&nbsp;</td>
                    <td>&nbsp;</td>
                </tr>
                <tr>
                    <td align="right">ด่าน : </td>
                    <td><div class="blue">${data.uapExitStation}:${data.uapExitStationName}</div></td>
                    <td align="right">&nbsp;</td>
                    <td>&nbsp;</td>
                </tr>
            </table>
            <fieldset style="background: #FFF">
                <legend>รายละเอียดการบันทึกข้อมูล</legend>
                <table width="100%" cellpadding="1">
                    <tr>
                        <td width="150px" align="right">สถานที่ชำระเงิน : </td>
                        <td width="350px">
                            <select id="station" name="station" class="require">
                                <option value=""></option>
                                <option value="1000">1000:กจค.1</option>
                                <option value="1001">1001:กจค.2</option>
                                <option value="1002">1002:กจค.3</option>
                                <option value="1003">1003:กกง.</option>
                                <c:forEach items="${stationList}" var="s" varStatus="i">
                                    <option value="${s.stationId}">${s.stationId}:${s.stationName}</option>
                                </c:forEach>
                            </select>
                        </td>
                    </tr>
                    <tr>
                        <td align="right" >วันที่รับชำระ : </td>
                        <td>
                            <input type="text" name="receiveDate" id="receiveDate" readonly="" class="require" tabindex="4" value="${now}"/>
                            <a href="#"><img src="theme/images/icons/calendar_icon.gif"
                                             border="0" width="18" height="18"
                                             onclick="return showCalendar('receiveDate', '%d/%m/%Y');"/></a>
                        </td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                    </tr>
                    <tr>
                        <td align="right" >ใบเสร็จเล่มที่ : </td>
                        <td>
                            <input type="text" id="invoiceId" name="invoiceId" class="require" />
                        </td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                    </tr>
                    <tr>
                        <td align="right" >ใบเสร็จเลขที่ : </td>
                        <td>
                            <input type="text" id="invoiceNo" name="invoiceNo" class="require" />
                        </td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                    </tr>
                    <tr>
                        <td align="right" >ผู้รับเงิน : </td>
                        <td>
                            <input type="text" name="emp" id="emp" class="require" tabindex="17"
                                   value="<%= (String) session.getAttribute("uap_user_desc")%>" />
                            <input type="hidden" id="empa" name="empa"
                                   value="<%= (String) session.getAttribute("uap_user_id")%>" />
                        </td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                    </tr>
                    <tr>
                        <td align="right" valign="top">หมายเหตุ : </td>
                        <td><textarea cols="50" rows="3"></textarea></td>
                        <td>&nbsp;</td>
                        <td>&nbsp;</td>
                    </tr>
                </table>
            </fieldset>
        </form>
    </fieldset>
</div>
<script type="text/javascript">
    emp("emp","#empa");

</script>
<%@include file="theme/Footer.jsp" %>